	<div id="wrapper">
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
		 <script type="text/javascript">
			$(document).ready(function() {
				$('a').click(function() {
				   $(this).parent('div').prev('form').slideToggle('normal');
				   $(this).toggleClass('active');
				   return true;
				});				
			});
			$('form').display();
		 </script>
        <?php 
		if(!empty($errors)) {
            echo "<ul>";
            foreach($errors as $error) {
                echo "<li>{$error}</li>";
            }
            echo "</ul>";
        }else if(isset($_GET['err'])){
			echo "<ul>";
                echo "<li>{$_GET['err']}</li>";
            echo "</ul>";
		}
		?>
               
        <div id="wrapper">
        <form class="loginform" action="/raovat_ttcn/users/logindemo" method="post">
            <p class="loginp">
                <label class="loginlabel" for="usernamelbl">Username</label>
                <input class="logininput" type="text" name="username" />
            </p>
            
            <p class="loginp">
                 <label class="loginlabel" for="password">Password</label>
                <input class="logininput" type="password" name="pword" />
            </p>
            
            <p class="loginp">
                <input class="loginsubmit" type="submit" name="submit" value="Login" />
            </p>
        </form>
        <div id="logindemo">
            <a href="#">Login</a>
        </div>
    </div>
    </div>